<!DOCTYPE html>
<html>

<head>

</head>

<body>
    <button id="btn">点击</button>
    <!-- h5的formData就是表单的multipart/form-data变体 -->
    <form action='http://localhost:3000/login' method="POST" enctype="multipart/form-data">
        <input type="text" name="username" />
        <input type="file" name="avatar" />
        <button>提交</button>
    </form>
    <script>
        btn.addEventListener("click", () => {
                const xhr = new XMLHttpRequest();
                //服务端本身不支持../../路径
                xhr.open("POST", "http://localhost:3000/login", true);
                xhr.setRequestHeader('Content', 'application/json');
                xhr.responseType = 'json'; //要求返回的是json(默认text)
                xhr.withCredentials = true; //强制带上cookie
                xhr.onload = function() {
                        console.log(xhr.response);
                    }
                    //传递的数据格式是字符串类型
                xhr.send('{"name":"zf"}');
            })
            //ajax 默认是同源策略 浏览器的限制 发送的域名 协议接口都是同一个服务器
    </script>
</body>

</html>